<%@page import="com.pizzaria.util.Util"%>
<%@page import="com.pizzaria.bean.PedidoProdutoDAO"%>
<%@page import="java.util.List"%>
<%@page import="com.pizzaria.bean.PedidoProduto"%>
<%@page import="com.pizzaria.bean.PedidoDAO"%>
<%@page import="com.pizzaria.bean.Pedido"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <link href="style.css" rel="stylesheet"/>
    <link href="script/ui/css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
    <script src="script/ui/jquery-1.7.2.min.js"></script>
    <script src="script/ui/jquery-ui-1.8.20.custom.min.js"></script>
    <script src="script/pedido.js"></script>
    <script src="script/util.js"></script>
    <title>Pizzaria</title>
  </head>
  <body>
  	<div id="top">
		<h1>Pizzaria</h1>
	</div>
      <%
      	String id = request.getParameter("id");
      
    	Pedido cli = null;
    	if(id != null) cli = PedidoDAO.get(Long.parseLong(id));
      %>
	<div id="left">
		<div id="menu">
			<a href="list.jsp?type=func">Funcionário</a>
			<a href="list.jsp?type=cli">Cliente</a>
			<a href="list.jsp?type=ped">Pedido</a>
			<a href="list.jsp?type=prod">Produto</a>
		</div>
	</div>
	<div id="conteudo">
		<div id="path">Pedido > <%= cli == null ? "Novo" : "Editar" %> ></div>
		<div id="content">
			<h2>Pedido</h2>
			<form id="frmPedido" action="javascript:;" method="POST">
			  <label>Cliente</label>
			  <input type='hidden' id="txtCod" name="txtCod" value="<%= cli == null ? "" : cli.getId() %>"/>
			  <input id="txtCli" name="txtCli" type="text" value="<%= cli == null ? "" : cli.getCliente().getCpf() + " - " + cli.getCliente().getNome() %>" disabled="true" clid="<%= cli == null ? "" : cli.getCliente().getId() %>"/> <input type="button" value="..." onclick="openCliente();"/>
			  <br/>
			  <label class="lblvalor">Total</label>
			  <label id="valor">0,0</label>
			  <table id="tblPedido">
			    <thead>
			    <tr>
			      <td style="width:15px"></td>
			      <td style="width:60%">Pedido</td>
			      <td style="width:30px">Qtd</td>
			      <td style="width:50px">Valor</td>
			    </tr>
			    </thead>
			    <tbody></tbody>
			  </table>
			  
			  <div id="pnl-action-button">
				  <input onclick="openSelectProduto();" type="button" value="+ Produto"/>
				  <input onclick="openSelectPrato();" type="button" value="+ Prato"/>
				  <input onclick="removeProduto();" type="button" value="x"/>
			  </div>
			  
			  <label>Endereco de entrega</label> <input type="text" id="txtEndereco" name="endereco"value="<%= cli == null ? "" : cli.getEndereco() %>"/> <br/>
			  <label>Valor entrega</label> <input type="text" id="txtVlentrega" name="vlentrega" value="<%= cli == null ? "" : Util.formatDecimal(cli.getVlEntrega()) %>"/> <br/>
			  <label>Valor pago</label> <input type="text" id="txtVlpago" name="vlpago" value="<%= cli == null ? "" : Util.formatDecimal(cli.getVlPago()) %>"/> <label id="troco"></label> <br/>
			  <label class="lbl-textarea">Obs.</label> <textarea id="txtObs" name="observacao"><%= cli == null ? "" : cli.getObservacao() %></textarea>
			  <br/>
			  <label>Entregue</label> <input type="checkbox" disabled="disabled" <%=cli == null ? "" : cli.isEntregue() ? "checked='checked'" : "" %>>
			  <div id="pnl-button">
				  <input name="" type="button" value="Salvar" onclick="javascript: savePedido();"/>
				  <!-- input name="" type="button" value="Fechar Pedido" onclick="javascript: savePedido(true);"/ -->
				  <input name="" type="button" value="Pedido Entregue" onclick="javascript: savePedido(true, true);"/>
			  </div>
			  
			  <script type="text/javascript">
			  <%
			  
			  try{
			  	if(cli != null){
			  		List<PedidoProduto> l = PedidoProdutoDAO.getByPedido(cli);
			  		for(PedidoProduto p : l){
			  			out.print("addProd(" + p.getProduto().getId() + ",'" + p.getProduto().getNome() + "'," + p.getValor() + "," + p.getQuantidade() + ");");
			  		}
			  		out.print("updateValor();");
			  	}}catch(Exception e){
			  		out.println(e.getMessage());
			  	}
			  %>
			  </script>
			</form>
		</div>
    </div>
  </body>
</html>